
<template>
  <div>
    <p>child1</p>
    <section>
      子组件更新内容
      <input type="text" v-model="message" /> {{ message }}
    </section>
  </div>
</template>

<script>
export default {
  name: "child1",
  data() {
    return { message: "parent...." };
  },
  beforeCreate() {
    console.log("child1 beforeCreate....");
  },
  created() {
    console.log("child1 created....");
  },
  beforeMount() {
    console.log("child1 beforeMount...");
  },
  mounted() {
    console.log("child1 mounted...");
  },
  beforeUpdate() {
    console.log("child1 beforeUpdate....");
  },
  updated() {
    console.log("child1 updated...");
  },
  beforeDestroy() {
    console.log("child1 beforeDestroy...");
  },
  destroyed() {
    console.log("child1 destroyed...");
  },
};
</script>
